<div ng-include src="'header.html'"></div>

<div class="table-header mt20 clearfix">
    <span class="fl lh30 f14">委托列表</span>
    <div class="fr btn-group">

        <a href="javascript: void(0)" class="btn permission p-50031102-06-block"
           ng-click="toolbar.showBatchPay()">批量委托发放</a>
        <a href="javascript: void(0)" class="btn btn-yellow permission p-50031102-04-block" ng-click="baseData.exportData()">导出</a>
    </div>
</div>
<div id="grid" class="table-wrap mt10">
    <table width="100%">
        <thead>
            <tr>
                <th style="min-width: 50px;">
                    <input type="checkbox" ui-checkbox="序号"
                           ng-change="query.updateCheckAll()"
                           ng-model="query.checkAll">
                </th>
                <th style="min-width: 105px;">交易流水</th>
                <th style="min-width: 130px;">收款方公司名称</th>
                <th style="min-width: 140px;">开户银行信息</th>
                <!-- <th style="min-width: 120px;">银行账号</th> -->
                <th style="min-width: 80px;">付款金额</th>
                <!-- <th style="min-width: 80px;">付款类型</th> -->
                <th style="min-width: 110px;">收款方责任人信息</th>
                <th style="min-width: 130px;">付款说明</th>
                <th style="min-width: 80px;">录入信息</th>
                <th style="min-width: 80px;">审核信息</th>
                <th style="min-width: 70px;">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="record in query.data"
                ng-mouseover="record.hover = true"
                ng-mouseleave="record.hover = false">
                <td height="80">
                    <input type="checkbox" ui-checkbox="{{((query.pageIndex - 1) * query.pageSize) + $index + 1}}"
                           ng-change="query.updateCheck(record)"
                           ng-model="record.checked">
                </td>
                <td>
                    <p ng-bind="record.serial_number"></p>
                </td>
                <td>
                    <p ng-bind="record.account_name"></p>
                </td>
                <td>
                    <p><span ng-bind="record.account_bank"></span></p>
                    <p>银行账号：<br><span ng-bind="record.account_number"></span></p>
                </td>
                <!-- <td>
                    <p class="c-gray"><span ng-bind="record.account_number"></span></p>
                </td> -->
                <td>
                    <p ng-bind="record.amount | number"></p>
                    <p ng-bind="record.pay_type"></p>
                </td>
                <!-- <td>
                    <p ng-bind="record.pay_type"></p>
                </td> -->
                <td>
                    <p ng-bind="record.reciever"></p>
                    <p ng-bind="record.reciever_mobil"></p>
                </td>
                <td>
                    <p ng-bind="record.memo" class="limit-height" title="{{record.memo}}"></p>
                </td>
                <td>
                    <p ng-bind="record.created_by_name"></p>
                    <p ng-bind="record.CreatedOn | strdate"></p>
                </td>
                <td>
                    <p ng-bind="record.audited_by_name"></p>
                    <p ng-bind="record.audited_on | strdate"></p>
                </td>
                <td>
                    <p class="ng-hide" ng-show="record.hover">
                        <a href="javascript: void(0)" class="c-orange permission p-50031102-05-inline-block"
                           ui-confirm-ok="toolbar.cancelApprove(record)"
                           ui-confirm="确定取消审定选中记录吗？">取消审定<br /></a>

                        <a href="javascript: void(0)" class="c-orange permission p-50031102-06-inline-block"
                           ui-dialog="委托发放"
                           ui-dialog-data="record"
                           ui-dialog-ok="toolbar.pay($data)"
                           ui-dialog-url="dialog/approve-readonly.html">委托发放</a>
                    </p>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="no-data ng-hide" ng-show="!query.hasData"><span>没有相关记录</span></div>
</div>

<div ui-pagination page-index="query.pageIndex" page-size="query.pageSize" total="query.total" changed="baseData.query($pageIndex)"></div>
